<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			*{
				margin:0;
				padding:0;
				}
				.boxA1{
					width:100%;
					height:30px;
					background-color:black;
				}
				.boxA2{
					width:1200px;
					height:100%;
					background-color:red;
					margin:auto;
				}
				.boxA3{
					width:900px;
					height:100%;
					background-color:pink;
					float:left;
				}
				.boxA4{
					width:200px;
					height:100%;
					background-color:deeppink;
					float:right;
				}
				.cbox .logobox{
					width:100px;
					height:100%;
					border:1px solid black;
					float:left;
				}
				.cbox .dbox{
					width:700px;
					height:100%;
					border:1px solid black;
					margin:auto;
				}
				.cbox .inputbox{
					width:200px;
					height:100%;
					border:1px solid black;
					float:right;
				}
				.boxB1{
					width:100%;
					height:60px;
					background-color:white;
					border:1px solid black;
				}
				.boxB2{
					width:100px;
					height:60px;
					background-color:pink;
					float:left;
					
				}
				.boxB3{
					width:300px;
					height:60px;
					background-color:deeppink;
					float:right;
					margin-right:-50px;
					}
					.boxB4{
						width:400px;
						height:60px;
						background-color:red;
						float:right;
						}
						.boxc{
							width:250px;
							height:500px;
							border:3px solid black;
							float:left;
							background-color:whitesmoke;
						}
						.boxd{
							width:px;
							height:500px;
							border:3px solid black;
							margin:auto;
						}
						.boxe{
							width:250px;
							height:190px;
							border:3px solid saddlebrown;
							float:left;
							background-color:saddlebrown;;
						}
						.box1{
							width:60px;
							height:20px;
							border:3px solid antiquewhite;
							margin:auto;
							text-decoration:none;
							text-align:center;
							padding:20px 0;
							display:inline-block;
						}
						.box2{
							width:60px;
							height:20px;
							border:3px solid antiquewhite;
							margin:auto;
							text-decoration:none;
							text-align:center;
							padding:20px 0;
							display:inline-block;
						}
						.box3{
							width:60px;
							height:20px;
							border:3px solid antiquewhite;
							margin:auto;
							text-decoration:none;
							text-align:center;
							padding:20px 0;
							display:inline-block;
						}
						.box4{
							width:60px;
							height:20px;
							border:3px solid antiquewhite;
							margin:auto;
							text-decoration:none;
							text-align:center;
							padding:20px 0;
							display:inline-block;
						}
						.box5{
							width:60px;
							height:20px;
							border:3px solid antiquewhite;
							margin:auto;
							text-decoration:none;
							text-align:center;
							padding:20px 0;
							display:inline-block;
						}
						.box6{
							width:60px;
							height:20px;
							border:3px solid antiquewhite;
							margin:auto;
							text-decoration:none;
							text-align:center;
							padding:20px 0;
							display:inline-block;
						}
						.boxf{
							width:356px;
							height:150px;
							border:3px solid plum;
							background-color:plum;
							margin:auto;
							text-decoration:none;
							text-align:center;
							padding:20px 0;
							display:inline-block;
							}
							.boxg{
								width:356px;
								height:150px;
								border:3px solid lightblue;
								background-color:lightblue;
								margin:auto;
								text-decoration:none;
								text-align:center;
								padding:20px 0;
								display:inline-block;
							}
							.boxh{
								width:356px;
								height:150px;
								border:3px solid black;
								background-color:black;
								margin:auto;
								text-decoration:none;
								text-align:center;
								padding:20px 0;
								display:inline-block;
								float:right;	
							}
							.boxi{
								width:100%;
								height:150px;
								border:3px solid black;
								margin:auto;
							}
		</style>
	</head>
	<body>
		<!--导航条-->
		<div class="boxA1">
			<div class="boxA2">
				<div class="boxA3"></div>
					<div class="boxA4"></div>
				</div>
			</div>
			<!--菜单栏-->
			<div class="cbox">
				<div class="logobox"></div>
				<div class="dbox"></div>
					<div class="inputbox"></div>
				</div>
				
				<div class="boxB1">
					<div class="boxB2"></div>
						<div class="boxB3"></div>
						<div class="boxB4"></div>
					</div>
			<!--侧边栏-->
					<div class="boxc"></div>
			<!--中间-->
			<div class="boxd"></div>
			<!--底框-->
			<div class="boxe">
				<div class="box1"></div>
				<div class="box2"></div>
				<div class="box3"></div>
				<div class="box4"></div>
				<div class="box5"></div>
				<div class="box6"></div>
			</div>
				<div class="boxf"></div>	
				<div class="boxg"></div>
				<div class="boxh"></div>
			<!--底栏-->
			<div class="boxi"></div>
				
	</body>
</html>
